.navbar {
  height: 56px;

  &.navbar-tall {
    height: 2 * 56px;
    align-items: flex-end;

    @media (min-width: 992px) {
      height: 56px;
      align-items: center;
    }
  }

  .breadcrumb {
    font-size: 18px;

    a {
      color: $gray-700;
      text-decoration: none;

      &:hover {
        color: $gray-900;
      }
    }

    span {
      color: $gray-900;
      font-weight: 700;
    }
  }

  .logo {
    display: block;
    text-align: center;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
